<template>
  <div class="native">
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="type"
        label="类型">
      </el-table-column>
      <el-table-column
        prop="password"
        label="密码">
      </el-table-column>
      <el-table-column
        prop="link"
        label="地址">
        <template scope="scope">
          <el-button @click="handleClick(scope.$index)" type="text" size="small">打开地址</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
  export default {
    name: 'index',
    components: {},
    data () {
      return {
        tableData: [{
          type: '禅道',
          password: '请联系管理员获取',
          link: 'http://192.168.120.199:8080/'
        }, {
          type: '百度统计',
          password: 'yaolaizaixian / 123yaolaiVIP',
          link: 'https://tongji.baidu.com/web/24230537/homepage/index'
        }, {
          type: '商家后台',
          password: '15800000000 / 123456789',
          link: 'https://gammasj.yaolaivip.com/#/'
        }, {
          type: 'ERP',
          password: '',
          link: ''
        }, {
          type: '前端技术博客',
          password: '',
          link: 'http://47.93.244.95/'
        }, {
          type: '科学上网（google）',
          password: '请联系管理员获取相应客户端',
          link: 'http://172.104.120.79/code'
        }]
      }
    },
    mounted () {
    },
    methods: {
      handleClick (index) {
        window.open(this.tableData[index].link)
      }
    }
  }
</script>
<style lang="less" scoped>
  .native {
    font-size: 26px;
    line-height: 1.5;
    label {
      width: 100px;
      display: inline-block;
    }
  }
</style>
